html, body, #app{
  height:100%;
  position: relative;
}
// 时间线样式

.timeline-wrapper li .year-wrapper li { 
    padding: 10px 20px 10px !important;
    border-bottom: 2px solid #30c63e !important;
    background: #6fe279;
    border-radius: 5rem;
    margin: 5px 0px;
    transition: all .5s;
}
.timeline-wrapper .year-wrapper li:hover {
    transform:  translate(50px,0);
    transition: all .5s;
}
.timeline-wrapper .year-wrapper li .date:before {
    top: 22px !important;
    border: 1px solid !important;
}
.timeline-wrapper:after {
    background: skyblue !important;
}
.timeline-wrapper .desc:before, .timeline-wrapper .year:before {
  background: cadetblue !important;
}
#gitalk-container{
  max-width: 740px;
  margin: 0 auto;
}